/**
标题
 */

import React,{ Component } from 'react';
import {
Text,
View,
ScrollView,
Image,
Modal,
TouchableHighlight,
} from 'react-native'
import {styles}  from '../styles/listdetail';

export default class ConfigView02 extends Component{
	 constructor(props) {
	    super(props);
	    this.state = {modalVisible: false};
	  }
	  setModalVisible(visible) {
	    this.setState({modalVisible: visible});
	  }

	 render(){
		return (
		    <View style={[styles.container,styles.titleMargin]}>

				<Modal
		          animationType={"slide"}
		          transparent={false}
		          visible={this.state.modalVisible}
		          onRequestClose={() => {alert("Modal has been closed.")}}
		          >
		         <View style={{marginTop: 22}}>
		          <View>
		            <Text>Hello World!</Text>

		            <TouchableHighlight 
		            underlayColor='#00000000'
		            onPress={() => {
		              this.setModalVisible(!this.state.modalVisible)
		            }}>
		              <Text>Hide Modal</Text>
		            </TouchableHighlight>

		          </View>
		         </View>
		        </Modal>
		    
		    	<View style={styles.config}>
			    	<View style={{display:'flex',flexDirection:'row'}}>
		              <View style={styles.configWidth}>
		                <Text style={styles.configText}>16.6m²</Text>
		              </View>
		              <View style={[styles.configWidth,styles.configWidthEnd]}>
		                <Text style={styles.configText}>一室一厅</Text>
		              </View>
		              <View style={[styles.configWidth,styles.configWidthEnd]}>
		                <Text style={styles.configText}>2/7层</Text>
		              </View>
		              <View style={styles.configWidthEnd}>
		                <Text style={styles.configText}>南</Text>
		              </View>
		            </View>
		            <TouchableHighlight 
		              underlayColor='transparent'
		            onPress={() => {this.setModalVisible(true)}}>			           
		            	<Image style={{width:15,height:15,}}
		                	source={require('../images/y.png')}
		            	/>
			        </TouchableHighlight>
		    	</View>
		    	

		    </View>
		)
	 }
	
};